.TabControl { }
.tabHeaderContainer { }
.tabHeaders { display: -webkit-box; background-color: #157FCC; padding-left: 1px; }
.tabHeadItem {position: relative;  padding: 8px 20px; color: white; cursor: pointer; border: 1px solid #3892D3; border-bottom: none; -webkit-border-radius: 3px 3px 0 0; background-color: #4B9CD7; padding-right: 30px;}
.tabHeadItem:hover { background-color: #82BEEA; }
.tabHeadItem.active { background-color: #ADD2ED; color: #3892D3; }
.TabContents { }
.TabContentItem { }
.tabHeadSep { width: 100%; height: 3px; background-color: #ADD2ED; }
.tabHeadItem::after{ content: 'X';position: absolute; width: 15px; height: 15px; font-size: 12px; font-family: fantasy; color: white; top: 0;right: 0;}
.tabHeadItem::after:hover{ background-color: gray;}